<!--
 * @Description:
 * @version:
 * @Author: 尹鹏孝
 * @Date: 2023-03-06 15:48:37
 * @LastEditors: 尹鹏孝
 * @LastEditTime: 2023-03-07 10:47:26
-->
<template>
    <div>
        <input v-model="value" />
        <input type="text" :value="title" @input="$emit('update:title', $event.target.value)" />
        <input type="text" :value="firstName" @input="$emit('update:firstName', $event.target.value)" />
        <input type="text" :value="lastName" @input="$emit('update:lastName', $event.target.value)" />\
        {{ provideMsg }}dsadsad--{{ dds }}dddrrr-----{{ localName }}
        mouse pointer is at {{ x }},{{ y }}
        <input v-focus />

        <p value="asdfg" v-uppercase>fdsgfdsgsdg</p>
        <div>{{ $translate('greetings.hello') }}</div>
    </div>
</template>

<script>
import {useMouse} from './mouse'
import focus from '../directives/focus'
export default {
    props:['modelValue','title','firstName','lastName'],
    emits:['update:modelValue','update:title','update:firstName','update:lastName','update:modelValue'],
    inject:['provideMsg','i18n'],
    setup(){
        const {x,y}=useMouse();
        return {
            x,y
        }
    },
    directives:focus,
    data() {
        return {
            dds:this.provideMsg+111,
        }
    },
    mounted() {
        console.log(this.x);
        console.log(this.i18n.greetings.hello)
    },
}
</script>